import { Allotment } from "allotment";
import Header from "./components/Header";
import Preview from "./components/Preview";
import CodeEditor from "./components/CodeEditor";
import "allotment/dist/style.css";
import { PlaygroundProvider } from "./PlaygroundContext";
import './index.scss'
export default function index() {
	return (
		<PlaygroundProvider>
			<div style={{ height: "92vh" }} >
				<Header />
				<Allotment defaultSizes={[100, 100]}>
					<Allotment.Pane minSize={0}>
						<CodeEditor />
					</Allotment.Pane>
					<Allotment.Pane minSize={0}>
						<Preview />
					</Allotment.Pane>
				</Allotment>
			</div>
		</PlaygroundProvider>
	);
}
